h1 {
	text-align: center;
	
}

<style>
/* Navigation */

body {
	justify-content: center;
}

nav {
 margin: auto;
 width: 100%;
 max-width: 1000px;
}

zaehler {
	position: absolute;
	bottom: 10px;
	left: 10px;
	
}

ul#navigation, ul#navigation ul {
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 32px;
}

ul#navigation li {
 float: Left;
 width: 250px;
 position: Relative;
}

ul#navigation li a {
 display: Block;
 width: 250px;
 line-height: 30px;
 text-align: Center;
 color: #000000;
 text-decoration: None;
 background-color: #C8DAE9;
 background: linear-gradient(to right, #C8DAE9, #B5B8BA);
 border: 1px Solid #FFFFFF;
 border-bottom: 0;
}

ul#navigation li a:hover,
 ul#navigation li a:active {
 color: #000000;
 cursor: Pointer;
}

ul#navigation li ul {
 display: None;
 position: Absolute;
 left: 0px;
 top: 31px;
 z-index: 100;
}

ul#navigation li:hover > ul,
 ul#navigation li:active > ul {
 display: Block;
}

ul#navigation li ul a {
 background-color: #C7C7C7;
}

/* Smartphone Menu */
#burger {
 display: None;
}

@media screen and (max-width: 580px) {
  ul#navigation li,
  ul#navigation li a {
  width: 100%;
 }

 #burger {
  display: Block;
  margin-right: 25px;
  -moz-appearance: None;
  -webkit-appearance: None;
  width: 25px;
  height: 25px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQAAAAATS5MPAAAAAnRSTlMAAHaTzTgAAAAUSURBVHjaY2DAC/7///8HN0EzvQD48y+tFbUTjAAAAABJRU5ErkJggg==");
  background-size: 25px 25px;
  background-position: Center Center;
  background-color: #5DB3FD;
  vertical-align: Middle;
  border: None;
  outline: None;
  cursor: Pointer;
 }

 #burger:checked ~ ul#navigation {
  animation: fadeIn 1.2s;
  display: Block;
  margin-top: 5px;
 }

 #burger:not(:checked) ~ ul#navigation {
  display: None;
 }

 @keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
 }

}

h1, p {
 clear: Left;
}
</style>